<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="utf-8">
  
  <title>从零搭建个人博客 | BillWang</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <meta name="keywords" content="BillWang's Blog">
  
  <meta name="description" content="Quick StartCreate a new post1$ hexo new &amp;quot;My New Post&amp;quot; More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remo">
<meta name="keywords" content="Hexo,github,Node,MarkDown,HTML5,CSS3,Less">
<meta property="og:type" content="article">
<meta property="og:title" content="从零搭建个人博客">
<meta property="og:url" content="https://bigbigdreamer.github.io/2018/12/11/hexoStart/index.html">
<meta property="og:site_name" content="BillWang">
<meta property="og:description" content="Quick StartCreate a new post1$ hexo new &amp;quot;My New Post&amp;quot; More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remo">
<meta property="og:locale" content="default">
<meta property="og:updated_time" content="2018-12-11T02:43:58.136Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="从零搭建个人博客">
<meta name="twitter:description" content="Quick StartCreate a new post1$ hexo new &amp;quot;My New Post&amp;quot; More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remo">
  
  
    <link rel="icon" href="favicon.ico">
  
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/style.css">
  <script src="/js/pace.min.js"></script>
  

  
	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?490c72c80e7c5f485272ffc6d84c956b";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>

  

  <script>
    (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      }
      else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>
  <meta name="google-site-verification" content="2yIvO7JmvHMSNv3topeJQ8rrtv6HN-mKjYLR5sdxeaQ">
</head>
</html>
<body>
  <div id="container">
      <header id="header">
    <div id="banner"></div>
    <div id="header-outer">
        <div id="header-menu" class="header-menu-pos animated">
            <div class="header-menu-container">
                <a href="/" class="left">
                    <span class="site-title">BigDreamer</span>
                </a>
                <nav id="header-menu-nav" class="right">
                    
                    <a href="/">
                        <i class="fa fa-home"></i>
                        <span>Home</span>
                    </a>
                    
                    <a href="/archives">
                        <i class="fa fa-archive"></i>
                        <span>Archives</span>
                    </a>
                    
                    <a href="/about">
                        <i class="fa fa-user"></i>
                        <span>About</span>
                    </a>
                    
                </nav>
                <a class="mobile-header-menu-button">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>
        <div id="header-row">
            <div id="logo">
                <a href="/">
                    <img src="/images/logo.jpg" alt="logo">
                </a>
            </div>
            <div class="header-info">
                <div id="header-title">
                    
                    <h2>
                        BigDreamer
                    </h2>
                    
                </div>
                <div id="header-description">
                    
                    <h3>
                        情不知所起，一往而深。
                    </h3>
                    
                </div>
            </div>
            <nav class="header-nav">
                <div class="social">
                    
                        <a title="BillWang" target="_blank" href="//ivu1314.club">
                            <i class="fa fa-home fa-2x"></i></a>
                    
                        <a title="Github" target="_blank" href="https://github.com/bigbigDreamer">
                            <i class="fa fa-github fa-2x"></i></a>
                    
                        <a title="QQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1826001146&site=qq&menu=yes">
                            <i class="fa fa-qq fa-2x"></i></a>
                    
                </div>
            </nav>
        </div>
    </div>
</header>
      <div class="outer">
        <section id="main" class="body-wrap"><article id="post-hexoStart" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 class="post-title" itemprop="name">
      从零搭建个人博客
    </h1>
    <div class="post-title-bar">
      <ul>
          
              <li>
                  <i class="fa fa-book"></i>
                  
                      <a href="/categories/经验/">经验</a>
                  
              </li>
          
        <li>
          <i class="fa fa-calendar"></i>  2018-12-11
        </li>
        <li>
          <i class="fa fa-eye"></i>
          <span id="busuanzi_value_page_pv"></span>
        </li>
      </ul>
    </div>
  

          
      </header>
    
    <div class="article-entry post-content" itemprop="articleBody">
      
            
            <h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre></td></tr></tbody></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></tbody></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></tbody></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></tbody></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="noopener">Deployment</a></p>
<h2 id="Some-Questions"><a href="#Some-Questions" class="headerlink" title="Some Questions"></a>Some Questions</h2><h3 id="Use-Theme"><a href="#Use-Theme" class="headerlink" title="Use Theme"></a>Use <a href="https://hexo.io/zh-cn/docs/themes.html" target="_blank" rel="noopener">Theme</a></h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ git <span class="built_in">clone</span> <span class="string">&apos;somePoplureRespoTheme&apos;</span></span><br></pre></td></tr></tbody></table></figure>
<h3 id="Set-DIYTheme"><a href="#Set-DIYTheme" class="headerlink" title="Set DIYTheme"></a>Set DIYTheme</h3><p> you can update some settings in _confid.yml file.</p>
<h3 id="Relative-your-github"><a href="#Relative-your-github" class="headerlink" title="Relative your github"></a>Relative your github</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ npm install hexo-deployer-git --save</span><br></pre></td></tr></tbody></table></figure>
<h3 id="Learn-some-commands"><a href="#Learn-some-commands" class="headerlink" title="Learn some commands"></a>Learn some commands</h3><figure class="highlight plain"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">//init your project of blogs</span><br><span class="line">$ hexo init yourBlogsName</span><br><span class="line">//generator your project to a static file</span><br><span class="line">$ hexo g</span><br></pre></td></tr></tbody></table></figure>
<h2 id="Setting-your-Gitment"><a href="#Setting-your-Gitment" class="headerlink" title="Setting your Gitment"></a>Setting your <a href="https://sjq597.github.io/2018/05/18/Hexo-%E4%BD%BF%E7%94%A8Gitment%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD/" target="_blank" rel="noopener">Gitment</a></h2><h3 id="Create-your-GitmentAppplugins"><a href="#Create-your-GitmentAppplugins" class="headerlink" title="Create your GitmentAppplugins"></a>Create your <a href="https://github.com/settings/applications/new" target="_blank" rel="noopener">GitmentApp</a>plugins</h3><h3 id="Create-your-Livereplugins"><a href="#Create-your-Livereplugins" class="headerlink" title="Create your Livereplugins"></a>Create your <a href="https://www.livere.com/" target="_blank" rel="noopener">Livere</a>plugins</h3><p> &#x2003;&#x2003;&#x2003;&#x2003;<span> &#x9700;&#x8981;&#x6CE8;&#x610F;&#x7684;&#x662F;&#x5728;&#x6765;&#x5FC5;&#x529B;&#x7533;&#x8BF7;&#x7684;u_id&#x540E;&#x8FB9;&#x6CA1;&#x6709;&#x90A3;&#x4E24;&#x4E2A;&#x7B49;&#x53F7;&#xFF1B;</span></p>
<h3 id="&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;&#x56FE;&#x7247;"><a href="#&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;&#x56FE;&#x7247;" class="headerlink" title="&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;&#x56FE;&#x7247;"></a>&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;&#x56FE;&#x7247;</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ npm  install hexo-asset-image --save</span><br></pre></td></tr></tbody></table></figure>
<figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">//&#x914D;&#x7F6E;&#x4F60;&#x7684;_config.yml</span><br><span class="line">post_asset_folder: <span class="literal">true</span></span><br></pre></td></tr></tbody></table></figure>
<h3 id="&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;emoji&#x8868;&#x60C5;"><a href="#&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;emoji&#x8868;&#x60C5;" class="headerlink" title="&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;emoji&#x8868;&#x60C5;"></a>&#x5F00;&#x542F;&#x535A;&#x6587;&#x5185;&#x663E;&#x793A;emoji&#x8868;&#x60C5;</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ npm install hexo-filter-github-emojis --save</span><br></pre></td></tr></tbody></table></figure>
<figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">//&#x914D;&#x7F6E;&#x4F60;&#x7684;_config.yml</span><br><span class="line">githubEmojis:</span><br><span class="line">  <span class="built_in">enable</span>: <span class="literal">true</span></span><br><span class="line">  className: github-emoji</span><br><span class="line">  inject: <span class="literal">true</span></span><br><span class="line">  styles:</span><br><span class="line">  customEmojis:</span><br></pre></td></tr></tbody></table></figure>
<h3 id="&#x5F00;&#x542F;hexo&#x4E0E;git&#x7ED1;&#x5B9A;"><a href="#&#x5F00;&#x542F;hexo&#x4E0E;git&#x7ED1;&#x5B9A;" class="headerlink" title="&#x5F00;&#x542F;hexo&#x4E0E;git&#x7ED1;&#x5B9A;"></a>&#x5F00;&#x542F;hexo&#x4E0E;git&#x7ED1;&#x5B9A;</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">deploy:</span><br><span class="line">  <span class="built_in">type</span>: git</span><br><span class="line">  repo: https://github.com/bigbigDreamer/bigbigDreamer.github.io</span><br><span class="line">  branch: master</span><br></pre></td></tr></tbody></table></figure>
<h3 id="&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;&#x7684;&#x5916;&#x90E8;hexo-yml&#x914D;&#x7F6E;"><a href="#&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;&#x7684;&#x5916;&#x90E8;hexo-yml&#x914D;&#x7F6E;" class="headerlink" title="&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;&#x7684;&#x5916;&#x90E8;hexo yml&#x914D;&#x7F6E;"></a>&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;&#x7684;&#x5916;&#x90E8;hexo yml&#x914D;&#x7F6E;</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Hexo Configuration</span></span><br><span class="line"><span class="comment">## Docs: https://hexo.io/docs/configuration.html</span></span><br><span class="line"><span class="comment">## Source: https://github.com/hexojs/hexo/</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># Site</span></span><br><span class="line">title: BillWang</span><br><span class="line">subtitle: &#x6545;&#x5C45;</span><br><span class="line">description:</span><br><span class="line">keywords:</span><br><span class="line">author: BillWang</span><br><span class="line">language:</span><br><span class="line">timezone:</span><br><span class="line"></span><br><span class="line"><span class="comment"># URL</span></span><br><span class="line"><span class="comment">## If your site is put in a subdirectory, set url as &apos;http://yoursite.com/child&apos; and root as &apos;/child/&apos;</span></span><br><span class="line">url: https://bigbigdreamer.github.io/</span><br><span class="line">root: /</span><br><span class="line">permalink: :year/:month/:day/:title/</span><br><span class="line">permalink_defaults:</span><br><span class="line"></span><br><span class="line"><span class="comment"># Directory</span></span><br><span class="line">source_dir: <span class="built_in">source</span></span><br><span class="line">public_dir: public</span><br><span class="line">tag_dir: tags</span><br><span class="line">archive_dir: archives</span><br><span class="line">category_dir: categories</span><br><span class="line">code_dir: downloads/code</span><br><span class="line">i18n_dir: :lang</span><br><span class="line">skip_render:</span><br><span class="line"></span><br><span class="line"><span class="comment"># Writing</span></span><br><span class="line">new_post_name: :title.md <span class="comment"># File name of new posts</span></span><br><span class="line">default_layout: post</span><br><span class="line">titlecase: <span class="literal">false</span> <span class="comment"># Transform title into titlecase</span></span><br><span class="line">external_link: <span class="literal">true</span> <span class="comment"># Open external links in new tab</span></span><br><span class="line">filename_case: 0</span><br><span class="line">render_drafts: <span class="literal">false</span></span><br><span class="line">post_asset_folder: <span class="literal">true</span></span><br><span class="line">relative_link: <span class="literal">false</span></span><br><span class="line">future: <span class="literal">true</span></span><br><span class="line">highlight:</span><br><span class="line">  <span class="built_in">enable</span>: <span class="literal">true</span></span><br><span class="line">  line_number: <span class="literal">true</span></span><br><span class="line">  auto_detect: <span class="literal">false</span></span><br><span class="line">  tab_replace:</span><br><span class="line"></span><br><span class="line"><span class="comment"># Home page setting</span></span><br><span class="line"><span class="comment"># path: Root path for your blogs index page. (default = &apos;&apos;)</span></span><br><span class="line"><span class="comment"># per_page: Posts displayed per page. (0 = disable pagination)</span></span><br><span class="line"><span class="comment"># order_by: Posts order. (Order by date descending by default)</span></span><br><span class="line">index_generator:</span><br><span class="line">  path: <span class="string">&apos;&apos;</span></span><br><span class="line">  per_page: 10</span><br><span class="line">  order_by: -date</span><br><span class="line"></span><br><span class="line"><span class="comment"># Category &amp; Tag</span></span><br><span class="line">default_category: uncategorized</span><br><span class="line">category_map:</span><br><span class="line">tag_map:</span><br><span class="line"></span><br><span class="line"><span class="comment"># Date / Time format</span></span><br><span class="line"><span class="comment">## Hexo uses Moment.js to parse and display date</span></span><br><span class="line"><span class="comment">## You can customize the date format as defined in</span></span><br><span class="line"><span class="comment">## http://momentjs.com/docs/#/displaying/format/</span></span><br><span class="line">date_format: YYYY-MM-DD</span><br><span class="line">time_format: HH:mm:ss</span><br><span class="line"></span><br><span class="line"><span class="comment"># Pagination</span></span><br><span class="line"><span class="comment">## Set per_page to 0 to disable pagination</span></span><br><span class="line">per_page: 10</span><br><span class="line">pagination_dir: page</span><br><span class="line"></span><br><span class="line"><span class="comment"># Extensions</span></span><br><span class="line"><span class="comment">## Plugins: https://hexo.io/plugins/</span></span><br><span class="line"><span class="comment">## Themes: https://hexo.io/themes/</span></span><br><span class="line">theme: Cxo</span><br><span class="line"></span><br><span class="line"><span class="comment"># Deployment</span></span><br><span class="line"><span class="comment">## Docs: https://hexo.io/docs/deployment.html</span></span><br><span class="line">deploy:</span><br><span class="line">  <span class="built_in">type</span>: git</span><br><span class="line">  repo: https://github.com/bigbigDreamer/bigbigDreamer.github.io</span><br><span class="line">  branch: master</span><br><span class="line"></span><br><span class="line">post_wordcount:</span><br><span class="line">  item_text: <span class="literal">true</span></span><br><span class="line">  wordcount: <span class="literal">true</span>         <span class="comment"># &#x5355;&#x7BC7; &#x5B57;&#x6570;&#x7EDF;&#x8BA1;</span></span><br><span class="line">  min2read: <span class="literal">true</span>          <span class="comment"># &#x5355;&#x7BC7; &#x9605;&#x8BFB;&#x65F6;&#x957F;</span></span><br><span class="line">  totalcount: <span class="literal">true</span>       <span class="comment"># &#x7F51;&#x7AD9; &#x5B57;&#x6570;&#x7EDF;&#x8BA1;</span></span><br><span class="line">  separated_meta: <span class="literal">true</span></span><br></pre></td></tr></tbody></table></figure>
<h3 id="&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;CXO&#x4E3B;&#x9898;-yml&#x914D;&#x7F6E;"><a href="#&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;CXO&#x4E3B;&#x9898;-yml&#x914D;&#x7F6E;" class="headerlink" title="&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;CXO&#x4E3B;&#x9898; yml&#x914D;&#x7F6E;"></a>&#x8D34;&#x4E0A;&#x4E00;&#x6574;&#x5957;CXO&#x4E3B;&#x9898; yml&#x914D;&#x7F6E;</h3><figure class="highlight bash"><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; Profile &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; #</span></span><br><span class="line"><span class="comment"># language</span></span><br><span class="line">language: en</span><br><span class="line"><span class="comment"># avatar</span></span><br><span class="line">avatar: img/assets/alarm.jpg</span><br><span class="line"><span class="comment"># author</span></span><br><span class="line">author: BillWang</span><br><span class="line"><span class="comment"># signature</span></span><br><span class="line">signature: &#x6BCF;&#x4E2A;&#x4EBA;&#x8DDD;&#x79BB;&#x6210;&#x529F;&#x90FD;&#x53EA;&#x5DEE;&#x4E00;&#x6B65;&#x575A;&#x6301;&#x3002;</span><br><span class="line"><span class="comment"># friends</span></span><br><span class="line">friends:</span><br><span class="line">  Natalia Tsunako: https://desirefire.github.io/</span><br><span class="line">  &#x4E03;&#x591C;: //itzmn.github.io</span><br><span class="line">  elickzhao: http://elickzhao.github.io</span><br><span class="line">  lanyu: https://zhile.io/</span><br><span class="line"><span class="comment"># SNS</span></span><br><span class="line">social:</span><br><span class="line">  email: //1826001146@qq.com</span><br><span class="line">  github: https://github.com/bigbigDreamer</span><br><span class="line">  qq: http://wpa.qq.com/msgrd?v=3&amp;uin=1826001146&amp;site=qq&amp;menu=yes</span><br><span class="line">  rss: /atom.xml</span><br><span class="line"></span><br><span class="line"><span class="comment"># &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; Site &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; #</span></span><br><span class="line"><span class="comment"># title of the site</span></span><br><span class="line">SEO_title: BillWang<span class="string">&apos;s Blog</span></span><br><span class="line"><span class="string"># main title</span></span><br><span class="line"><span class="string">main_title: &#x51CC;&#x7476;&#x5BAB;</span></span><br><span class="line"><span class="string"># subtitle</span></span><br><span class="line"><span class="string">subtitle: &#x5C0F;&#x697C;&#x6625;&#x98CE;&#xFF0C;&#x5BA2;&#x5B98;&#x83AB;&#x6D88;&#x5F97;&#x6B64;&#x826F;&#x8FB0;&#x7F8E;&#x666F;&#xFF0C;&#x6765;&#x6B64;&#x6808;&#x4E2D;&#x5165;&#x69BB;&#xFF0C;&#x5C0F;&#x61A9;&#x7247;&#x523B;&#x3002;</span></span><br><span class="line"><span class="string"># site haeder image</span></span><br><span class="line"><span class="string">site_header_image: &apos;</span>/img/intro/index-lg.png<span class="string">&apos;</span></span><br><span class="line"><span class="string"># post haeder image</span></span><br><span class="line"><span class="string">post_header_image:</span></span><br><span class="line"><span class="string"># about image</span></span><br><span class="line"><span class="string">about_header_image:</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string"># &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; Indivdual &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; #</span></span><br><span class="line"><span class="string"># Miscelaneous</span></span><br><span class="line"><span class="string">favicon: /img/assets/alarm.ico</span></span><br><span class="line"><span class="string"># &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; Option &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; #</span></span><br><span class="line"><span class="string"># truncate length of abstracts in index page (the default is 300, there will be no abstruct if you input 0)</span></span><br><span class="line"><span class="string">truncate_length:</span></span><br><span class="line"><span class="string"># intro height (the default is 70 percents of the screen)</span></span><br><span class="line"><span class="string">intro_height: 70</span></span><br><span class="line"><span class="string"># enable toc</span></span><br><span class="line"><span class="string">toc: true</span></span><br><span class="line"><span class="string"># word count &amp; reading time</span></span><br><span class="line"><span class="string">reading_info: true</span></span><br><span class="line"><span class="string"># access statistics</span></span><br><span class="line"><span class="string">count:</span></span><br><span class="line"><span class="string">  # enable analytics</span></span><br><span class="line"><span class="string">  # true or flase</span></span><br><span class="line"><span class="string">  busuanzi: flase</span></span><br><span class="line"><span class="string">  # baidu code</span></span><br><span class="line"><span class="string">  baidu:</span></span><br><span class="line"><span class="string"># Time</span></span><br><span class="line"><span class="string"># you can modify the timestamp format.</span></span><br><span class="line"><span class="string">date_format: YYYY-MM-DD</span></span><br><span class="line"><span class="string"># display created time.</span></span><br><span class="line"><span class="string">display_created: true</span></span><br><span class="line"><span class="string"># display updated time, if the post dose not define &apos;</span>updated<span class="string">&apos;, the system modification time will be displayed.</span></span><br><span class="line"><span class="string">display_updated: true</span></span><br><span class="line"><span class="string"># copyright</span></span><br><span class="line"><span class="string">copyright:</span></span><br><span class="line"><span class="string">  enable: true</span></span><br><span class="line"><span class="string">  # https://creativecommons.org/</span></span><br><span class="line"><span class="string">  license: All articles in this blog are licensed under &lt;a rel=&quot;license&quot; href=&quot;https://creativecommons.org/licenses/by-nc-nd/3.0&quot;&gt;CC BY-NC-SA 3.0&lt;/a&gt; unless stating additionally.</span></span><br><span class="line"><span class="string"># comment</span></span><br><span class="line"><span class="string">comment:</span></span><br><span class="line"><span class="string">  # Livere  site: https://livere.com/</span></span><br><span class="line"><span class="string">  livere_uid:</span></span><br><span class="line"><span class="string">  # Disqus  site: https://disqus.com/</span></span><br><span class="line"><span class="string">  disqus_shortname:</span></span><br><span class="line"><span class="string">  # Changyan  site: http://changyan.kuaizhan.com/</span></span><br><span class="line"><span class="string">  changyan_appid:</span></span><br><span class="line"><span class="string">  changyan_conf:</span></span><br><span class="line"><span class="string">  # Gitment  site: https://github.com/imsun/gitment/</span></span><br><span class="line"><span class="string">  gitment_owner: 1826001146@qq.com</span></span><br><span class="line"><span class="string">  gitment_repo: https://github.com/bigbigDreamer/bigbigDreamer.github.io</span></span><br><span class="line"><span class="string">  gitment_client_id:</span></span><br><span class="line"><span class="string">  gitment_client_secret:</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string"># &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; Others &#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014;&#x2014; #</span></span><br><span class="line"><span class="string"># main menu navigation</span></span><br><span class="line"><span class="string">menu:</span></span><br><span class="line"><span class="string">  Home: /</span></span><br><span class="line"><span class="string">  About: /about/</span></span><br><span class="line"><span class="string">  Archives: /archives/</span></span><br><span class="line"><span class="string">  Tags: /tags/</span></span><br><span class="line"><span class="string"># stylesheets loaded in the &lt;head&gt;</span></span><br><span class="line"><span class="string">stylesheets:</span></span><br><span class="line"><span class="string">- /css/style.css?v=2018.7.9</span></span><br><span class="line"><span class="string">- /css/animation.css?v=2018.7.9</span></span><br><span class="line"><span class="string"># scripts loaded in the end of the body</span></span><br><span class="line"><span class="string">scripts:</span></span><br><span class="line"><span class="string">- /js/main.js?v=2018.7.9</span></span><br><span class="line"><span class="string">githubEmojis:</span></span><br><span class="line"><span class="string">  enable: true</span></span><br><span class="line"><span class="string">  className: github-emoji</span></span><br><span class="line"><span class="string">  inject: true</span></span><br><span class="line"><span class="string">  styles:</span></span><br><span class="line"><span class="string">  customEmojis:</span></span><br></pre></td></tr></tbody></table></figure>
<script>
        document.querySelectorAll('.github-emoji')
          .forEach(el => {
            if (!el.dataset.src) { return; }
            const img = document.createElement('img');
            img.style = 'display:none !important;';
            img.src = el.dataset.src;
            img.addEventListener('error', () => {
              img.remove();
              el.style.color = 'inherit';
              el.style.backgroundImage = 'none';
              el.style.background = 'none';
            });
            img.addEventListener('load', () => {
              img.remove();
            });
            document.body.appendChild(img);
          });
      </script>
            <div class="post-copyright">
    <div class="content">
        <p>最后更新： 2018年12月11日 10:43</p>
        <p>原始链接： <a class="post-url" href="/2018/12/11/hexoStart/" title="从零搭建个人博客">https://bigbigdreamer.github.io/2018/12/11/hexoStart/</a></p>
        <footer>
            <a href="https://bigbigdreamer.github.io">
                <img src="/images/logo.jpg" alt="BillWang">
                BillWang
            </a>
        </footer>
    </div>
</div>

      
        
            
<div class="page-reward">
    <a id="rewardBtn" href="javascript:;">赏</a>
</div>

<div id="reward" class="post-modal reward-lay">
    <a class="close" href="javascript:;" id="reward-close">×</a>
    <span class="reward-title">
        <i class="icon icon-quote-left"></i>
        请我吃糖~
        <i class="icon icon-quote-right"></i>
    </span>
    <div class="reward-content">
        
        <div class="reward-code">
            <img id="rewardCode" src="/images/wechat_code.jpg" alt="打赏二维码">
        </div>
        <div class="reward-select">
            
            <label class="reward-select-item checked" data-id="wechat" data-wechat="/images/wechat_code.jpg">
                <img class="reward-select-item-wechat" src="/images/wechat.png" alt="微信">
            </label>
            
            
            <label class="reward-select-item" data-id="alipay" data-alipay="/images/alipay_code.jpg">
                <img class="reward-select-item-alipay" src="/images/alipay.png" alt="支付宝">
            </label>
            
        </div>
    </div>
</div>


        
    </div>
    <footer class="article-footer">
        
        
<div class="post-share">
    <a href="javascript:;" id="share-sub" class="post-share-fab">
        <i class="fa fa-share-alt"></i>
    </a>
    <div class="post-share-list" id="share-list">
        <ul class="share-icons">
          <li>
            <a class="weibo share-sns" target="_blank" href="http://service.weibo.com/share/share.php?url=https://bigbigdreamer.github.io/2018/12/11/hexoStart/&title=《从零搭建个人博客》 — BillWang&pic=images/hexostart.jpg" data-title="微博">
              <i class="fa fa-weibo"></i>
            </a>
          </li>
          <li>
            <a class="weixin share-sns" id="wxFab" href="javascript:;" data-title="微信">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=https://bigbigdreamer.github.io/2018/12/11/hexoStart/&title=《从零搭建个人博客》 — BillWang&source=" data-title="QQ">
              <i class="fa fa-qq"></i>
            </a>
          </li>
          <li>
            <a class="facebook share-sns" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://bigbigdreamer.github.io/2018/12/11/hexoStart/" data-title="Facebook">
              <i class="fa fa-facebook"></i>
            </a>
          </li>
          <li>
            <a class="twitter share-sns" target="_blank" href="https://twitter.com/intent/tweet?text=《从零搭建个人博客》 — BillWang&url=https://bigbigdreamer.github.io/2018/12/11/hexoStart/&via=https://bigbigdreamer.github.io" data-title="Twitter">
              <i class="fa fa-twitter"></i>
            </a>
          </li>
          <li>
            <a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=https://bigbigdreamer.github.io/2018/12/11/hexoStart/" data-title="Google+">
              <i class="fa fa-google-plus"></i>
            </a>
          </li>
        </ul>
     </div>
</div>
<div class="post-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;" id="wxShare-close">×</a>
    <p>扫一扫，分享到微信</p>
    <img src="//api.qrserver.com/v1/create-qr-code/?data=https://bigbigdreamer.github.io/2018/12/11/hexoStart/" alt="微信分享二维码">
</div>

<div class="mask"></div>

        
        <ul class="article-footer-menu">
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/Hexo/" class="color5">Hexo</a>
      
    <a href="/tags/github/" class="color2">github</a>
      
    <a href="/tags/Node/" class="color5">Node</a>
      
    <a href="/tags/MarkDown/" class="color4">MarkDown</a>
      
    <a href="/tags/HTML5/" class="color1">HTML5</a>
      
    <a href="/tags/CSS3/" class="color5">CSS3</a>
      
    <a href="/tags/Less/" class="color5">Less</a>
      
  </li>

        </ul>
        
    </footer>
  </div>
</article>


    <aside class="post-toc-pos post-toc-top" id="post-toc">
        <nav class="post-toc-wrap">
            <ol class="post-toc"><li class="post-toc-item post-toc-level-2"><a class="post-toc-link" href="#Quick-Start"><span class="post-toc-text">Quick Start</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Create-a-new-post"><span class="post-toc-text">Create a new post</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Run-server"><span class="post-toc-text">Run server</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Generate-static-files"><span class="post-toc-text">Generate static files</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Deploy-to-remote-sites"><span class="post-toc-text">Deploy to remote sites</span></a></li></ol></li><li class="post-toc-item post-toc-level-2"><a class="post-toc-link" href="#Some-Questions"><span class="post-toc-text">Some Questions</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Use-Theme"><span class="post-toc-text">Use Theme</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Set-DIYTheme"><span class="post-toc-text">Set DIYTheme</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Relative-your-github"><span class="post-toc-text">Relative your github</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Learn-some-commands"><span class="post-toc-text">Learn some commands</span></a></li></ol></li><li class="post-toc-item post-toc-level-2"><a class="post-toc-link" href="#Setting-your-Gitment"><span class="post-toc-text">Setting your Gitment</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Create-your-GitmentAppplugins"><span class="post-toc-text">Create your GitmentAppplugins</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#Create-your-Livereplugins"><span class="post-toc-text">Create your Livereplugins</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#开启博文内显示图片"><span class="post-toc-text">开启博文内显示图片</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#开启博文内显示emoji表情"><span class="post-toc-text">开启博文内显示emoji表情</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#开启hexo与git绑定"><span class="post-toc-text">开启hexo与git绑定</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#贴上一整套的外部hexo-yml配置"><span class="post-toc-text">贴上一整套的外部hexo yml配置</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#贴上一整套CXO主题-yml配置"><span class="post-toc-text">贴上一整套CXO主题 yml配置</span></a></li></ol></li></ol>
        </nav>
    </aside>
    

<nav id="article-nav">
  
    <a href="/2018/12/20/Vue富文本编辑器/" id="article-nav-newer" class="article-nav-link-wrap">

      <span class="article-nav-title">
        <i class="fa fa-hand-o-left" aria-hidden="true"></i>
        
          Vue富文本编辑器
        
      </span>
    </a>
  
  
    <a href="/2018/12/07/CSS气泡探索/" id="article-nav-older" class="article-nav-link-wrap">
      <span class="article-nav-title">CSS气泡探索</span>
      <i class="fa fa-hand-o-right" aria-hidden="true"></i>
    </a>
  
</nav>



    
        <div id="SOHUCS" sid="hexoStart"></div>
<script type="text/javascript">
    (function(){
        var appid = 'cytVQxp6s';
        var conf = 'prod_8686c5c96a3bc67353ba410e4bcb37a9';
        var width = window.innerWidth || document.documentElement.clientWidth;
        if (width < 960) {
            window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>
    
</section>
        
      </div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      
<p>
    <span id="busuanzi_container_site_uv" style="display:none">
        总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style="display:none">
        总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


      <p>
        Powered by  <a href="http://hexo.io/" target="_blank">Hexo</a>
        Theme <a href="//github.com/wongminho/hexo-theme-miho" target="_blank">MiHo</a>
      &copy; 2018 BillWang<br>
      </p>
    </div>
  </div>
</footer>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
  var mihoConfig = {
      root: "https://bigbigdreamer.github.io",
      animate: true,
      isHome: false,
      share: true,
      reward: 1
  }
</script>
<div class="sidebar">
    <div id="sidebar-search" title="Search">
        <i class="fa fa-search"></i>
    </div>
    <div id="sidebar-category" title="Categories">
        <i class="fa fa-book"></i>
    </div>
    <div id="sidebar-tag" title="Tags">
        <i class="fa fa-tags"></i>
    </div>
    <div id="sidebar-top">
        <span class="sidebar-top-icon"><i class="fa fa-angle-up"></i></span>
    </div>
</div>
<div class="sidebar-menu-box" id="sidebar-menu-box">
    <div class="sidebar-menu-box-container">
        <div id="sidebar-menu-box-categories">
            <a class="category-link" href="/categories/CSS/">CSS</a><a class="category-link" href="/categories/ES6/">ES6</a><a class="category-link" href="/categories/Linux/">Linux</a><a class="category-link" href="/categories/Node/">Node</a><a class="category-link" href="/categories/Vue/">Vue</a><a class="category-link" href="/categories/Vue-Router/">Vue-Router</a><a class="category-link" href="/categories/ajax/">ajax</a><a class="category-link" href="/categories/杂货/">杂货</a><a class="category-link" href="/categories/经验/">经验</a><a class="category-link" href="/categories/设计模式/">设计模式</a>
        </div>
        <div id="sidebar-menu-box-tags">
            <a href="/tags/Babel-7-0/" style="font-size: 10px;">Babel 7.0</a> <a href="/tags/CSS/" style="font-size: 10px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 10px;">CSS3</a> <a href="/tags/CSS样式/" style="font-size: 10px;">CSS样式</a> <a href="/tags/DMZ/" style="font-size: 10px;">DMZ</a> <a href="/tags/DOM/" style="font-size: 10px;">DOM</a> <a href="/tags/ES6/" style="font-size: 20px;">ES6</a> <a href="/tags/EXT/" style="font-size: 10px;">EXT</a> <a href="/tags/FAT/" style="font-size: 10px;">FAT</a> <a href="/tags/HTML5/" style="font-size: 10px;">HTML5</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/JS/" style="font-size: 10px;">JS</a> <a href="/tags/JS模块化/" style="font-size: 10px;">JS模块化</a> <a href="/tags/JavaScript/" style="font-size: 10px;">JavaScript</a> <a href="/tags/Less/" style="font-size: 10px;">Less</a> <a href="/tags/Linux/" style="font-size: 10px;">Linux</a> <a href="/tags/MarkDown/" style="font-size: 10px;">MarkDown</a> <a href="/tags/Node/" style="font-size: 10px;">Node</a> <a href="/tags/Promise/" style="font-size: 13.33px;">Promise</a> <a href="/tags/Vue/" style="font-size: 20px;">Vue</a> <a href="/tags/WebStorm/" style="font-size: 10px;">WebStorm</a> <a href="/tags/ajax/" style="font-size: 10px;">ajax</a> <a href="/tags/axios/" style="font-size: 10px;">axios</a> <a href="/tags/bat文件/" style="font-size: 10px;">bat文件</a> <a href="/tags/dos/" style="font-size: 10px;">dos</a> <a href="/tags/es6/" style="font-size: 10px;">es6</a> <a href="/tags/exports/" style="font-size: 10px;">exports</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/iview/" style="font-size: 10px;">iview</a> <a href="/tags/module-exports/" style="font-size: 10px;">module.exports</a> <a href="/tags/nginx/" style="font-size: 10px;">nginx</a> <a href="/tags/node/" style="font-size: 10px;">node</a> <a href="/tags/queue/" style="font-size: 10px;">queue</a> <a href="/tags/scope/" style="font-size: 10px;">scope</a> <a href="/tags/scroll/" style="font-size: 10px;">scroll</a> <a href="/tags/vue/" style="font-size: 16.67px;">vue</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue @cli3.0</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue-cli3.0</a> <a href="/tags/vue-router/" style="font-size: 10px;">vue-router</a> <a href="/tags/webpack/" style="font-size: 10px;">webpack</a> <a href="/tags/一曲相思/" style="font-size: 10px;">一曲相思</a> <a href="/tags/优化体验/" style="font-size: 10px;">优化体验</a> <a href="/tags/单例模式/" style="font-size: 10px;">单例模式</a> <a href="/tags/域名/" style="font-size: 10px;">域名</a> <a href="/tags/富文本编辑器/" style="font-size: 10px;">富文本编辑器</a> <a href="/tags/封装/" style="font-size: 10px;">封装</a> <a href="/tags/开发环境/" style="font-size: 10px;">开发环境</a> <a href="/tags/心灵驿站/" style="font-size: 10px;">心灵驿站</a> <a href="/tags/搜狐畅言/" style="font-size: 10px;">搜狐畅言</a> <a href="/tags/数据结构/" style="font-size: 10px;">数据结构</a> <a href="/tags/日常修仙/" style="font-size: 10px;">日常修仙</a> <a href="/tags/杂货/" style="font-size: 10px;">杂货</a> <a href="/tags/气泡提示/" style="font-size: 10px;">气泡提示</a> <a href="/tags/生产环境/" style="font-size: 10px;">生产环境</a> <a href="/tags/简单工厂模式/" style="font-size: 10px;">简单工厂模式</a> <a href="/tags/腾讯云/" style="font-size: 10px;">腾讯云</a> <a href="/tags/设计模式/" style="font-size: 13.33px;">设计模式</a> <a href="/tags/跨域/" style="font-size: 10px;">跨域</a>
        </div>
    </div>
    <a href="javascript:;" class="sidebar-menu-box-close">&times;</a>
</div>
<div class="mobile-header-menu-nav" id="mobile-header-menu-nav">
    <div class="mobile-header-menu-container">
        <span class="title">Menus</span>
        <ul class="mobile-header-menu-navbar">
            
            <li>
                <a href="/">
                    <i class="fa fa-home"></i><span>Home</span>
                </a>
            </li>
            
            <li>
                <a href="/archives">
                    <i class="fa fa-archive"></i><span>Archives</span>
                </a>
            </li>
            
            <li>
                <a href="/about">
                    <i class="fa fa-user"></i><span>About</span>
                </a>
            </li>
            
        </ul>
    </div>
    <div class="mobile-header-tag-container">
        <span class="title">Tags</span>
        <div id="mobile-header-container-tags">
            <a href="/tags/Babel-7-0/" style="font-size: 10px;">Babel 7.0</a> <a href="/tags/CSS/" style="font-size: 10px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 10px;">CSS3</a> <a href="/tags/CSS样式/" style="font-size: 10px;">CSS样式</a> <a href="/tags/DMZ/" style="font-size: 10px;">DMZ</a> <a href="/tags/DOM/" style="font-size: 10px;">DOM</a> <a href="/tags/ES6/" style="font-size: 20px;">ES6</a> <a href="/tags/EXT/" style="font-size: 10px;">EXT</a> <a href="/tags/FAT/" style="font-size: 10px;">FAT</a> <a href="/tags/HTML5/" style="font-size: 10px;">HTML5</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/JS/" style="font-size: 10px;">JS</a> <a href="/tags/JS模块化/" style="font-size: 10px;">JS模块化</a> <a href="/tags/JavaScript/" style="font-size: 10px;">JavaScript</a> <a href="/tags/Less/" style="font-size: 10px;">Less</a> <a href="/tags/Linux/" style="font-size: 10px;">Linux</a> <a href="/tags/MarkDown/" style="font-size: 10px;">MarkDown</a> <a href="/tags/Node/" style="font-size: 10px;">Node</a> <a href="/tags/Promise/" style="font-size: 13.33px;">Promise</a> <a href="/tags/Vue/" style="font-size: 20px;">Vue</a> <a href="/tags/WebStorm/" style="font-size: 10px;">WebStorm</a> <a href="/tags/ajax/" style="font-size: 10px;">ajax</a> <a href="/tags/axios/" style="font-size: 10px;">axios</a> <a href="/tags/bat文件/" style="font-size: 10px;">bat文件</a> <a href="/tags/dos/" style="font-size: 10px;">dos</a> <a href="/tags/es6/" style="font-size: 10px;">es6</a> <a href="/tags/exports/" style="font-size: 10px;">exports</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/iview/" style="font-size: 10px;">iview</a> <a href="/tags/module-exports/" style="font-size: 10px;">module.exports</a> <a href="/tags/nginx/" style="font-size: 10px;">nginx</a> <a href="/tags/node/" style="font-size: 10px;">node</a> <a href="/tags/queue/" style="font-size: 10px;">queue</a> <a href="/tags/scope/" style="font-size: 10px;">scope</a> <a href="/tags/scroll/" style="font-size: 10px;">scroll</a> <a href="/tags/vue/" style="font-size: 16.67px;">vue</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue @cli3.0</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue-cli3.0</a> <a href="/tags/vue-router/" style="font-size: 10px;">vue-router</a> <a href="/tags/webpack/" style="font-size: 10px;">webpack</a> <a href="/tags/一曲相思/" style="font-size: 10px;">一曲相思</a> <a href="/tags/优化体验/" style="font-size: 10px;">优化体验</a> <a href="/tags/单例模式/" style="font-size: 10px;">单例模式</a> <a href="/tags/域名/" style="font-size: 10px;">域名</a> <a href="/tags/富文本编辑器/" style="font-size: 10px;">富文本编辑器</a> <a href="/tags/封装/" style="font-size: 10px;">封装</a> <a href="/tags/开发环境/" style="font-size: 10px;">开发环境</a> <a href="/tags/心灵驿站/" style="font-size: 10px;">心灵驿站</a> <a href="/tags/搜狐畅言/" style="font-size: 10px;">搜狐畅言</a> <a href="/tags/数据结构/" style="font-size: 10px;">数据结构</a> <a href="/tags/日常修仙/" style="font-size: 10px;">日常修仙</a> <a href="/tags/杂货/" style="font-size: 10px;">杂货</a> <a href="/tags/气泡提示/" style="font-size: 10px;">气泡提示</a> <a href="/tags/生产环境/" style="font-size: 10px;">生产环境</a> <a href="/tags/简单工厂模式/" style="font-size: 10px;">简单工厂模式</a> <a href="/tags/腾讯云/" style="font-size: 10px;">腾讯云</a> <a href="/tags/设计模式/" style="font-size: 13.33px;">设计模式</a> <a href="/tags/跨域/" style="font-size: 10px;">跨域</a>
        </div>
    </div>
</div>
<div class="search-wrap">
    <span class="search-close">&times;</span>
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
            <i class="icon icon-lg icon-chevron-left"></i>
        </a>
        <input class="search-field" placeholder="Search..." id="keywords">
        <a id="search-submit" href="javascript:;">
            <i class="fa fa-search"></i>
        </a>
    <div class="search-container" id="search-container">
        <ul class="search-result" id="search-result">
        </ul>
    </div>
</div>

<div id="search-tpl">
    <li class="search-result-item">
        <a href="{url}" class="search-item-li">
            <span class="search-item-li-title" title="{title}">{title}</span>
        </a>
    </li>
</div>
<script src="/js/search.js"></script>
<script src="/js/main.js"></script>


  <script src="//cdn.bootcss.com/particles.js/2.0.0/particles.min.js"></script>
  <div id="particles"></div>
  <script src="/js/particles.js"></script>







  <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">
  <script src="//cdn.bootcss.com/scrollReveal.js/3.0.5/scrollreveal.js"></script>
  <script src="/js/animate.js"></script>


  <script src="/js/pop-img.js"></script>
  <script>
     $(".article-entry p img").popImg();
  </script>

  </div>
</body>
</html>